<template>
  <div id="app">
    <loading v-model="isLoading"></loading>
    <router-view></router-view>
  </div>
</template>

<script>
import { mapGetters } from 'vuex';
import { Loading } from 'vux'
import { mapState } from 'vuex'
import {base64} from '../node_modules/_base64-js@1.3.0@base64-js/base64js.min.js'

export default {
  name: 'app',
  data(){
    return{
      
    }
  },
  methods:{
    login(){
      this.$http.post('home/login/login').then(response =>{
          console.log(response)
      })
    }
  },
  created(){
    this.login()
  },
  components:{
    Loading
  },
  computed:{
    //拿到store里面loading的状态
    ...mapState({
      isLoading: state => state.vux.isLoading
    })
  },
}
</script>

<style lang="less">
@import '~vux/src/styles/reset.less';
@import '~vux/src/styles/1px.less';
body{
  // background: #F0F0F0;
}
.vux-header.vux-header{
  border-bottom:1px solid #dfdfdf; 
  background-color: #fff;
  .vux-header-title{
    color:#030303;
    font-size:18px;  
    font-weight: 500;
  } 
.vux-header-right{
    font-size: 16px;
    color:#444;
  }
}
.weui-tabbar{background-color: #fff !important}
// .vux-header .vux-header-left .left-arrow:before{width:10px;height:10px;top:10px;}
.vux-header .vux-header-left .vux-header-back{font-size: 14px;color:#fff;}
a:hover{text-decoration: none}
.weui-toast{
  top: 350px!important;
}
</style>
